<template>
    <div>
      <el-dialog
        title="文档正文"
        width="80%"
        :visible.sync="dialogVisible"
        top="15vh"
        class="showDialogClass"
        :before-close="handleClose"
      >
        <h1 style="font-size:30px">
          {{ textTitle }}
        </h1>
        <dl style="float: left;">
          <dt>
            <img
              style="width: 150px; height: 150px"
              :src="textImage"
              alt=""
            >
          </dt>
          <dd>文字</dd>
        </dl>
        <div style="width:100%;height:700px;overflow-y:scroll">
          <p v-html="textContent" />
        </div>
      </el-dialog>
    </div>
  </template>
  
      <script>
    export default {
      name: `helpShowTextPage`,
      data () {
        return {
          dialogVisible: false,
          loading: false,
          textContent: ``,
          textTitle: ``,
          textImage: ``,
        }
      },
      methods: {
        init (row) {
          this.dialogVisible = true;
          this.getDocByid(row)
        },
        getDocByid (row) {
          console.log(row, `row`);
          this.textTitle = row.textTitle
          this.textContent = row.textContent
          this.textImage = row.textImage
        },
        handleClose () {
          this.cancel()
        },
        cancel () {
          this.dialogVisible = false
        },
      },
    }
      </script>
  
      <style lang="scss">
  
      </style>
  